<%--
  Created by IntelliJ IDEA.
  User: weizhaoxiang
  Date: 2021/4/1
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%--拼车信息发布页面--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@include file="components/base.jsp" %>
<html>
<head>
    <title>Title</title>
    <link href="<%= request.getContextPath() %>/css/carpool_info.css" rel="stylesheet" type="text/css">
    <%-- 城市--%>
    <link rel="stylesheet" href="<%= request.getContextPath()%>/css/kuCity.css">
</head>
<body>


<%@include file="head.jsp"%>


<div style="width: 100%; margin: 0 25%;">
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class="layui-this">我是司机</li>
            <li>我是乘客</li>

        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md6">
                        <div class="layui-panel">
                            <div style="padding: 30px;">
                                <form class="layui-form layui-form-pane"  action="<%= request.getContextPath()%>/carpool" method="post">
                                    <div style="display: inline-block" class="layui-form-item" >
                                        <label class="layui-form-label">出发地</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="text" name="be_city" required
                                                   lay-verify="required"
                                                   placeholder="请输入出发地" autocomplete="off" class="layui-input search3">


                                        </div>
                                    </div>
                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">目的地</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="text" name="de_city" required
                                                   lay-verify="required"
                                                   placeholder="请输入目的地" autocomplete="off" class="layui-input search">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">出发时间</label>

                                        <div  class="layui-input-inline">
                                            <input type="datetime-local" name="de_time" required lay-verify="required"
                                                   autocomplete="off" class="layui-input">
                                        </div>

                                    </div>

                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">参加人数</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="number" name="num_people" required
                                                   lay-verify="required"
                                                   placeholder="请选择人数" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">容纳人数</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="number" name="chek_people" required
                                                   lay-verify="required"
                                                   placeholder="请选择人数" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>


                                    <div class="layui-form-item">
                                        <label class="layui-form-label">车型</label>
                                        <div style="width: 100px" class="layui-input-block">
                                            <select name="car_type" lay-verify="required">
                                                <option value=""></option>
                                                <option value="suv">suv</option>
                                                <option value="轿车">轿车</option>
                                                <option value="客车">客车</option>

                                            </select>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">费用方式</label>
                                        <div style="width: 100px" class="layui-input-block">
                                            <select name="cost" lay-verify="required">
                                                <option value=""></option>
                                                <option value="微信">微信</option>
                                                <option value="支付宝">支付宝</option>
                                                <option value="其他">其他</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div style="display: none" class="layui-form-item">
                                        <label class="layui-form-label">用户</label>
                                        <div class="layui-input-block">
                                            <input type="radio" name="usertype" value="司机" title="司机" checked>
                                        </div>
                                    </div>
                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">留言</label>
                                        <div class="layui-input-block">
                                            <textarea name="remarks" placeholder="请输入内容"
                                                      class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit>立即提交</button>
                                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-tab-item">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md6">
                        <div class="layui-panel">
                            <div style="padding: 30px;">
                                <form class="layui-form layui-form-pane" action="<%= request.getContextPath()%>/carpool" method="post">
                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">出发地</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="text" name="be_city" required
                                                   lay-verify="required"
                                                   placeholder="请输入出发地" autocomplete="off" class="layui-input search3">
                                        </div>
                                    </div>
                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">目的地</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="text" name="de_city" required
                                                   lay-verify="required"
                                                   placeholder="请输入目的地" autocomplete="off" class="layui-input search">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">出发时间</label>

                                        <div  class="layui-input-inline">
                                            <input type="datetime-local" name="de_time" required lay-verify="required"
                                                   autocomplete="off" class="layui-input">
                                        </div>

                                    </div>

                                    <div style="display: inline-block" class="layui-form-item">
                                        <label class="layui-form-label">参加人数</label>
                                        <div class="layui-input-block">
                                            <input style="width: 100px;" type="number" name="num_people" required
                                                   lay-verify="required"
                                                   placeholder="请选择人数" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>






                                    <div class="layui-form-item">
                                        <label class="layui-form-label">费用方式</label>
                                        <div style="width: 100px" class="layui-input-block">
                                            <select name="cost" lay-verify="required">
                                                <option value=""></option>
                                                <option value="微信">微信</option>
                                                <option value="支付宝">支付宝</option>
                                                <option value="其他">其他</option>
                                            </select>
                                        </div>
                                    </div>


                                    <div style="display: none" class="layui-form-item">
                                        <label class="layui-form-label">用户</label>
                                        <div class="layui-input-block">
                                            <input type="radio" name="usertype" value="乘客" title="乘客" checked>
                                        </div>
                                    </div>
                                    <div class="layui-form-item layui-form-text">
                                        <label class="layui-form-label">留言</label>
                                        <div class="layui-input-block">
                                            <textarea name="remarks" placeholder="请输入内容"
                                                      class="layui-textarea"></textarea>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit>立即提交</button>
                                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>


</div>

<%--<div style="display: none">--%>
<%--    <%@include file="city1/city.jsp" %>--%>
<%--</div>--%>

</body>
<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;

        //…
    });
</script>
<script>
    //Demo
    layui.use('form', function () {
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
<%--地图--%>
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
<script src="<%= request.getContextPath()%>/js/kuCity.js"></script>
<script>
    $('.search').kuCity();
    $('.search3').kuCity();
</script>

</html>
